<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div style="width: 100px;height: 100px;background-color: aqua;">
        <input type="checkbox" name="c1"/>
        <input type="checkbox" name="c2"/>
        <input type="checkbox" checked name="c3"/>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>
        $("div").prop("obj",{name:'zhangsan',age:'lisi'});
        console.log($("div").prop('obj'));
        let obj = document.querySelector("div").obj;
        console.log(obj);
        $("input[type=checkbox]").on('change',function(e){
            var o = e.target;
            console.log(o);
            console.log(o.checked);
            // o.checked = false;
            var a = $(o).attr("checked");
            console.log(a);
            $(o).attr("checked",true);
            console.log(o.checked);
            a = $(o).attr("checked");
            console.log(a);
        });
    </script>
</body>
</html>